<%@page pageEncoding="UTF-8" isELIgnored="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="m" uri="http://taglibs.mobylet.org/" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<m:charset/>" />
<title>なかまちず</title>
<c:import url="/jsp/pc/keyword.jsp"/>
<link rel="stylesheet" type="text/css" href="/css/global.css" />
<style type="text/css">
  html { overflow: auto; }
  html, body, td, th { font-family: Arial, sans-serif; margin: 0px; padding: 0px; height: 100%; font-size: 10pt; color: #333333; }
  .text { font-family: Arial, sans-serif; margin: 0px; padding: 0px 10px; height: 100%; font-size: 10pt; color: #333333; }
  #map { position: absolute; top: 30px; left: 10px; width: 600px; height: 450px;}
  #map img { cursor: crosshair; }
  img { border: 0px; }
  form { margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 10pt; }
  input, textarea { margin: 3px 0 0 0; padding: 0; font-family: Arial, sans-serif; font-size: 10pt; }
  #side_bar { position: absolute; top: 6px; left: 620px; border: 1px solid #666; padding: 5px; line-height: 1.8; overflow:auto; background: url(/icon/white70per.png); width: 150px; height: 462px; }
  #header { background-color: #ffffff; position:absolute; top: 6px; left: 10px; z-index: 99; width: 592px; padding: 2px 4px; overflow: hidden; }
  div.errors { color: red; font-weight: bold; position: absolute; top: 35px; left: 15px; border: 1px solid #666; padding: 0px 5px; overflow:auto; background: url(/icon/white70per.png); width: 300px; height: 60px; }
  #body { background-color: #ffffff; font-size: 10pt; border: 1px solid #666; width: 763px; height: 440px; padding: 2px 4px; margin: 10px;}
  #help { background-color: #ffffff; font-size: 10pt; width: 759px; height: 120px; padding: 2px 4px; margin: 10px; border: 3px solid #99b3cc; }
  #copy { font-size: 8pt; position: absolute; top: 490px; left: 650px; }
  #footer { font-size: 8pt; position: absolute; top: 950px; left: 10px; }
  .mailAddress { text-decoration: underline; margin: 1px 5px 1px 0px; }
  #adsense { font-size: 10pt; position: absolute; top: 10px; left: 790px; }
</style>

</head>
<body>

<div id="body">

<h1>メール送信</h1>
<br/>

<form name="sendMailForm" action="/mail" method="post">
<input type="hidden" ${f:hidden("name")}/>
<input type="hidden" ${f:hidden("to")}/>
<input type="hidden" ${f:hidden("toAddressCsv")}/>
<input type="hidden" ${f:hidden("subject")}/>
<input type="hidden" ${f:hidden("body")}/>
<input type="hidden" ${f:hidden("key")}/>
<input type="hidden" ${f:hidden("tokenCheckSessionKey")}/>
<table>
 <tr>
  <td colspan="2">
  <h2>名前</h2>
  <p class="indent">
  ${f:h(name)}
  </p>
  </td>
 </tr>
 <tr>
  <td width="300px">
  <h2>送信先</h2>
<c:if test="${!empty to}"><span class="mailAddress">${f:h(to)}</span></c:if><c:forEach var="t" items="${toAddressList}"><span class="mailAddress">${f:h(t)}</span></c:forEach></td>
  </td>
  <td>
  <h2>送信元</h2>
  <p class="indent">
  ${f:h(from)}
  </p>
  </td>
 </tr>
 <tr>
  <td colspan="2">
  <h2>件名</h2>
  <p class="indent">
  ${f:h(subject)}
  </p>
  </td>
 </tr>
 <tr>
  <td colspan="2">
  <h2>本文</h2>
  <p class="indent">
  <textarea cols="80" rows="10" readonly>${f:h(mailbody)}</textarea>
  </p>
  </td>
 </tr>
 <tr>
  <td colspan="2">
  <p>上記の内容でよろしければ送信するボタンを押してください。</p>
  <h2>
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <input type="submit" name="back" value="戻る"/>
  &nbsp;&nbsp;&nbsp;
  <input type="submit" name="cmd_send" value="送信する"/>
  </h2>
  </td>
 </tr>
</table>

</form>
</div>
<div id="help"><!-- start help -->
<table>
 <tr>
  <td width="375px"><h1>本文について</h1></td>
  <td width="375px"><h1>送信先について</h1></td>
 </tr>
 <tr>
  <td valign="top">
  <p class="indent">
  本文の最後に、自動的に地図へアクセスするURLが追記されます。
  実際に送信する本文の内容は確認画面で確認できます。
  </p>
  </td>
  <td valign="top">
  <p class="indent">
  メンバー管理画面でメンバーを登録することで、全員に一度に同じメールを送信することができます。
  </p>
  </td>
 </tr>

</table>
</div><!-- end help -->

<div id="adsense">
<c:import url="/jsp/pc/adsense.jsp"/>
</div>

<c:import url="/jsp/pc/analytics.jsp"/>
</body>
</html>